﻿/************************************************************************
*	@description 	Abstração de bordas arredondadas para qualquer elemento.
*	@authors		Eduardo Ottaviani
*	@version		1.0
*	@date			2008-10-21
*	@example	<form class="rounded">
					<span class="r-header">
						<span class="top-left"></span>
						<span class="top-right"></span>
					</span>
					
					<fieldset class="r-content"></fieldset>
					
					<span class="r-footer">
						<span class="bottom-left"></span>
						<span class="bottom-right"></span>
					</span>
				</form>
				
*/
	* > .rounded{ display:table }
	
		.rounded .r-header,
		.rounded .r-footer,
		.rounded .r-content { 
			display:block; 
			clear:both
		}
		.rounded .r-header, .rounded .r-footer{  background-repeat:repeat-x }		
		.rounded .borders{
		   display:block;
		   line-height:0
		}
		.rounded .top-left, .rounded .bottom-left{ 
			float:left; 
			background:left no-repeat
		}
		.rounded .top-right, .rounded .bottom-right{ 
			float:right; 
			background:right no-repeat 
		}
		
	.rounded { width:auto /* Altere o width aqui */ }
		.rounded .r-content{ height:auto /* Altere o height aqui */ }